﻿<!DOCTYPE html>
<html>
  <head>
    <title>填写个人信息</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/填写个人信息/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/填写个人信息/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (图片) -->
      <div id="u214" class="ax_default _图片">
        <img id="u214_img" class="img " src="images/注册_登录/u99.png"/>
      </div>

      <!-- 白屏 (矩形) -->
      <div id="u215" class="ax_default box_1" data-label="白屏">
        <div id="u215_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u216" class="ax_default box_3">
        <div id="u216_div" class=""></div>
      </div>

      <!-- 手机状态栏 (组合) -->
      <div id="u217" class="ax_default" data-label="手机状态栏" data-left="50" data-top="126" data-width="412" data-height="20">

        <!-- Unnamed (组合) -->
        <div id="u218" class="ax_default" data-left="50" data-top="132" data-width="49" data-height="8">

          <!-- Unnamed (椭圆形) -->
          <div id="u219" class="ax_default ellipse">
            <img id="u219_img" class="img " src="images/注册_登录/u104.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u220" class="ax_default ellipse">
            <img id="u220_img" class="img " src="images/注册_登录/u105.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u221" class="ax_default ellipse">
            <img id="u221_img" class="img " src="images/注册_登录/u105.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u222" class="ax_default ellipse">
            <img id="u222_img" class="img " src="images/注册_登录/u105.png"/>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u223" class="ax_default ellipse">
            <img id="u223_img" class="img " src="images/注册_登录/u105.png"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u224" class="ax_default _三级标题">
          <div id="u224_div" class=""></div>
          <div id="u224_text" class="text ">
            <p><span>中国联通</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u225" class="ax_default _图片">
          <img id="u225_img" class="img " src="images/注册_登录/u110.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u226" class="ax_default label">
          <div id="u226_div" class=""></div>
          <div id="u226_text" class="text ">
            <p><span>100%</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u227" class="ax_default _三级标题">
          <div id="u227_div" class=""></div>
          <div id="u227_text" class="text ">
            <p><span>22:37</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u228" class="ax_default icon">
          <img id="u228_img" class="img " src="images/注册_登录/u113.png"/>
        </div>
      </div>

      <!-- 填写个人信息 (矩形) -->
      <div id="u229" class="ax_default _一级标题" data-label="填写个人信息">
        <div id="u229_div" class=""></div>
        <div id="u229_text" class="text ">
          <p><span>填写个人信息</span></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u230" class="ax_default icon">
        <img id="u230_img" class="img " src="images/注册_登录/u115.png"/>
      </div>

      <!-- 用户名 (组合) -->
      <div id="u231" class="ax_default" data-label="用户名" data-left="65" data-top="437" data-width="380" data-height="50">

        <!-- Unnamed (矩形) -->
        <div id="u232" class="ax_default box_1">
          <div id="u232_div" class=""></div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u233" class="ax_default text_field">
          <input id="u233_input" type="text" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u234" class="ax_default _一级标题">
          <div id="u234_div" class=""></div>
          <div id="u234_text" class="text ">
            <p><span>用户名：</span></p>
          </div>
        </div>
      </div>

      <!-- 登录密码 (组合) -->
      <div id="u235" class="ax_default" data-label="登录密码" data-left="65" data-top="522" data-width="380" data-height="50">

        <!-- Unnamed (矩形) -->
        <div id="u236" class="ax_default box_1">
          <div id="u236_div" class=""></div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u237" class="ax_default text_field">
          <input id="u237_input" type="password" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u238" class="ax_default _一级标题">
          <div id="u238_div" class=""></div>
          <div id="u238_text" class="text ">
            <p><span>登录密码：</span></p>
          </div>
        </div>
      </div>

      <!-- 确认密码 (组合) -->
      <div id="u239" class="ax_default" data-label="确认密码" data-left="65" data-top="607" data-width="380" data-height="50">

        <!-- Unnamed (矩形) -->
        <div id="u240" class="ax_default box_1">
          <div id="u240_div" class=""></div>
        </div>

        <!-- Unnamed (文本框) -->
        <div id="u241" class="ax_default text_field">
          <input id="u241_input" type="password" value=""/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u242" class="ax_default _一级标题">
          <div id="u242_div" class=""></div>
          <div id="u242_text" class="text ">
            <p><span>确认密码</span></p>
          </div>
        </div>
      </div>

      <!-- 选择头像 (组合) -->
      <div id="u243" class="ax_default" data-label="选择头像" data-left="198" data-top="256" data-width="115" data-height="157">

        <!-- Unnamed (矩形) -->
        <div id="u244" class="ax_default _三级标题">
          <div id="u244_div" class=""></div>
          <div id="u244_text" class="text ">
            <p><span>选择头像</span></p>
          </div>
        </div>

        <!-- Unnamed (动态面板) -->
        <div id="u245" class="ax_default">
          <div id="u245_state0" class="panel_state" data-label="初始头像" style="">
            <div id="u245_state0_content" class="panel_state_content">

              <!-- Unnamed (椭圆形) -->
              <div id="u246" class="ax_default ellipse">
                <img id="u246_img" class="img " src="images/填写个人信息/u246.png"/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u247" class="ax_default _图片">
                <img id="u247_img" class="img " src="images/填写个人信息/u247.png"/>
              </div>
            </div>
          </div>
          <div id="u245_state1" class="panel_state" data-label="头像1" style="visibility: hidden;">
            <div id="u245_state1_content" class="panel_state_content">

              <!-- Unnamed (椭圆形) -->
              <div id="u248" class="ax_default ellipse">
                <img id="u248_img" class="img " src="images/填写个人信息/u246.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u249" class="ax_default icon">
                <img id="u249_img" class="img " src="images/填写个人信息/u249.png"/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u250" class="ax_default _图片1">
                <img id="u250_img" class="img " src="images/填写个人信息/u250.png"/>
              </div>
            </div>
          </div>
          <div id="u245_state2" class="panel_state" data-label="头像2" style="visibility: hidden;">
            <div id="u245_state2_content" class="panel_state_content">

              <!-- Unnamed (椭圆形) -->
              <div id="u251" class="ax_default ellipse">
                <img id="u251_img" class="img " src="images/填写个人信息/u246.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u252" class="ax_default icon">
                <img id="u252_img" class="img " src="images/填写个人信息/u249.png"/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u253" class="ax_default _图片1">
                <img id="u253_img" class="img " src="images/填写个人信息/u253.png"/>
              </div>
            </div>
          </div>
          <div id="u245_state3" class="panel_state" data-label="头像3" style="visibility: hidden;">
            <div id="u245_state3_content" class="panel_state_content">

              <!-- Unnamed (椭圆形) -->
              <div id="u254" class="ax_default ellipse">
                <img id="u254_img" class="img " src="images/填写个人信息/u246.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u255" class="ax_default icon">
                <img id="u255_img" class="img " src="images/填写个人信息/u249.png"/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u256" class="ax_default _图片1">
                <img id="u256_img" class="img " src="images/填写个人信息/u256.png"/>
              </div>
            </div>
          </div>
          <div id="u245_state4" class="panel_state" data-label="头像4" style="visibility: hidden;">
            <div id="u245_state4_content" class="panel_state_content">

              <!-- Unnamed (椭圆形) -->
              <div id="u257" class="ax_default ellipse">
                <img id="u257_img" class="img " src="images/填写个人信息/u246.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u258" class="ax_default icon">
                <img id="u258_img" class="img " src="images/填写个人信息/u249.png"/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u259" class="ax_default _图片1">
                <img id="u259_img" class="img " src="images/填写个人信息/u259.png"/>
              </div>
            </div>
          </div>
          <div id="u245_state5" class="panel_state" data-label="头像5" style="visibility: hidden;">
            <div id="u245_state5_content" class="panel_state_content">

              <!-- Unnamed (椭圆形) -->
              <div id="u260" class="ax_default ellipse">
                <img id="u260_img" class="img " src="images/填写个人信息/u246.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u261" class="ax_default icon">
                <img id="u261_img" class="img " src="images/填写个人信息/u249.png"/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u262" class="ax_default _图片1">
                <img id="u262_img" class="img " src="images/填写个人信息/u262.png"/>
              </div>
            </div>
          </div>
          <div id="u245_state6" class="panel_state" data-label="头像6" style="visibility: hidden;">
            <div id="u245_state6_content" class="panel_state_content">

              <!-- Unnamed (椭圆形) -->
              <div id="u263" class="ax_default ellipse">
                <img id="u263_img" class="img " src="images/填写个人信息/u246.png"/>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u264" class="ax_default icon">
                <img id="u264_img" class="img " src="images/填写个人信息/u249.png"/>
              </div>

              <!-- Unnamed (图片) -->
              <div id="u265" class="ax_default _图片1">
                <img id="u265_img" class="img " src="images/填写个人信息/u265.png"/>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 完成 (矩形) -->
      <div id="u266" class="ax_default box_1" data-label="完成">
        <div id="u266_div" class=""></div>
        <div id="u266_text" class="text ">
          <p><span>完成</span></p>
        </div>
      </div>

      <!-- 灰屏 (矩形) -->
      <div id="u267" class="ax_default box_3 ax_default_hidden" data-label="灰屏" style="display:none; visibility: hidden">
        <div id="u267_div" class=""></div>
      </div>

      <!-- 密码不一致 (组合) -->
      <div id="u268" class="ax_default ax_default_hidden" data-label="密码不一致" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u269" class="ax_default box_2">
          <div id="u269_div" class=""></div>
          <div id="u269_text" class="text ">
            <p><span>密码不一致</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u270" class="ax_default box_1">
          <div id="u270_div" class=""></div>
          <div id="u270_text" class="text ">
            <p><span>确定</span></p>
          </div>
        </div>
      </div>

      <!-- 信息不能为空 (组合) -->
      <div id="u271" class="ax_default ax_default_hidden" data-label="信息不能为空" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u272" class="ax_default box_2">
          <div id="u272_div" class=""></div>
          <div id="u272_text" class="text ">
            <p><span>信息不能为空</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u273" class="ax_default box_1">
          <div id="u273_div" class=""></div>
          <div id="u273_text" class="text ">
            <p><span>确定</span></p>
          </div>
        </div>
      </div>

      <!-- 选择个人头像 (组合) -->
      <div id="u274" class="ax_default ax_default_hidden" data-label="选择个人头像" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u275" class="ax_default box_1">
          <div id="u275_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u276" class="ax_default _一级标题">
          <div id="u276_div" class=""></div>
          <div id="u276_text" class="text ">
            <p><span>选择个人头像</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u277" class="ax_default icon">
          <img id="u277_img" class="img " src="images/注册_登录/u151.png"/>
        </div>

        <!-- 手机状态栏 (组合) -->
        <div id="u278" class="ax_default" data-label="手机状态栏" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- Unnamed (组合) -->
          <div id="u279" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

            <!-- Unnamed (椭圆形) -->
            <div id="u280" class="ax_default ellipse">
              <img id="u280_img" class="img " src="images/注册_登录/u104.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u281" class="ax_default ellipse">
              <img id="u281_img" class="img " src="images/注册_登录/u105.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u282" class="ax_default ellipse">
              <img id="u282_img" class="img " src="images/注册_登录/u105.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u283" class="ax_default ellipse">
              <img id="u283_img" class="img " src="images/注册_登录/u105.png"/>
            </div>

            <!-- Unnamed (椭圆形) -->
            <div id="u284" class="ax_default ellipse">
              <img id="u284_img" class="img " src="images/注册_登录/u105.png"/>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u285" class="ax_default _三级标题">
            <div id="u285_div" class=""></div>
            <div id="u285_text" class="text ">
              <p><span>中国联通</span></p>
            </div>
          </div>

          <!-- Unnamed (图片) -->
          <div id="u286" class="ax_default _图片">
            <img id="u286_img" class="img " src="images/注册_登录/u110.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u287" class="ax_default label">
            <div id="u287_div" class=""></div>
            <div id="u287_text" class="text ">
              <p><span>100%</span></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u288" class="ax_default _三级标题">
            <div id="u288_div" class=""></div>
            <div id="u288_text" class="text ">
              <p><span>22:37</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u289" class="ax_default icon">
            <img id="u289_img" class="img " src="images/注册_登录/u113.png"/>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u290" class="ax_default _图片1">
          <img id="u290_img" class="img " src="images/填写个人信息/u290.jpg"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u291" class="ax_default _图片1">
          <img id="u291_img" class="img " src="images/填写个人信息/u291.jpg"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u292" class="ax_default _图片1">
          <img id="u292_img" class="img " src="images/填写个人信息/u292.jpg"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u293" class="ax_default _图片1">
          <img id="u293_img" class="img " src="images/填写个人信息/u293.jpg"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u294" class="ax_default _图片1">
          <img id="u294_img" class="img " src="images/填写个人信息/u294.jpg"/>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u295" class="ax_default _图片1">
          <img id="u295_img" class="img " src="images/填写个人信息/u295.jpg"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u296" class="ax_default _文本段落">
        <div id="u296_div" class=""></div>
        <div id="u296_text" class="text ">
          <p><span>填写个人信息页</span></p><p><span><br></span></p><p><span>1.选择头像，选择手机任意一张图片用作头像，若不选择，则默认选择系统头像作为头像。</span></p><p><span><br></span></p><p><span>2.用户必须填写用户名和密码，两者有任一信息不填写则会弹出“信息不能为空”的弹窗，不能完成注册。</span></p><p><span><br></span></p><p><span>3.用户必须确保两次密码填写一致，若不一致，则弹出“密码不一致”的弹窗，不能完成注册。</span></p><p><span><br></span></p><p><span>4.用户正确填写完个人信息，点击完成跳转至[注册成功]页面。</span></p><p><span><br></span></p><p><span>5.用户不想填写点返回则回到[注册]页。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
